@import "../_mixin";

.pending_records {
	background-color: #fff;

	header {
		display: -webkit-box;
		padding: 0.4rem;

		.info {
			width: 100%;
			-webkit-box-flex: 1;
			@include font-dpr(14px);

			label {
				display: block;
				margin-bottom: 0.186667rem;
				color: #999;
			}

			span {
				color: #7699ff;

				input {
					display: block;
				    border: none;
				    position: absolute;
				    top: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    font-size: 0;
				    opacity: 0;
				}

				i {
					margin-left: 0.133333rem;
					@include font-dpr(14px);
				}
			}

			&.date-month {
				position: relative;
			}
		}
	}

	section {
		table {
			width: 100%;
		}

		tr {

		}

		th {
			padding: 0.266667rem 0 0.266667rem 0.133333rem;
			background-color: #efefef;
			color: #333;
			@include font-dpr(16px);

			&:first-child {
				padding: 0.266667rem 0.4rem;
			}

			&:last-child {
				padding-right: 0.4rem;
			}
		}

		td {
			padding: 0.266667rem 0 0.266667rem 0.133333rem;
			border-top: 1px solid #ddd;
			color: #999;
			@include font-dpr(14px);

			&:first-child {
				padding: 0.266667rem 0.4rem;
			}

			&:last-child {
				padding-right: 0.4rem;
			}
		}
	}
}